


 .banner .swiper-container {
   	clear:both;
   	width: 100%;
	height: 564px;
	max-height: 100%;
	margin-left: auto;
	margin-right: auto;
	background: #eee;
	overflow:hidden;
}
 .banner .swiper-slide {
	background-position: center;
	background-size: cover;
}
		
 .banner .swiper-pagination-bullet-active{ background:#ff0000;}
		
		
		
/*关于我们*/		
.about_box{ width:1200px; height:430px; margin:20px auto; background:url(../image/about_bg.jpg) repeat-y;}
.about_left{ width:650px; height:auto; float:left; padding:15px 0;}
.about_right{ width:550px; height:364px; float:left; margin:15px 0; overflow:hidden; }
.about_right img{ transition:all 0.5s;}
.about_right img:hover{ transform:scale(1.1)}
.about_english{ width:187px; height:35px; float:left;}
.about_title{ width:650px; height:60px; line-height:60px; float:left; font-size:30px; color:#262525;}
.about_text{ width:650px; height:40px; line-height:40px; float:left; color:#a9a9a9; font-size:16px;}
.about_content{ width:600px; height:150px; float:left; font-size:15px; line-height:30px; color:#12120f;}
.about_btn{ width:650px; height:100px; float:left;}
.about_btn a{ width:166px; height:110px; display:block; float:left; margin-right:48px; display:block; border:1px solid #f08518; color:#e6100b; cursor: pointer; transition: transform 0.5s; background:#fff;}
.about_btn a:hover{  transform: translate(0,-10px); font-weight:bold;}
.about_btn dl{ width:166px; height:110px; float:left; }
.about_btn dl dt{ width:166px; height:30px; float:left; text-align:center; margin:25px 0 10px 0;}
.about_btn dl dd { width:166px; height:40px; float:left; text-align:center; font-size:18px; }




/*我们的客户*/
.case_box{ width:100%; height:878px; margin:0 auto; background:url(../image/case_bg.jpg)}
.case{ width:1350px; height:800px; margin:0 auto;}
.case_title{ width:1200px; height:88px; text-align:center; padding-top:100px}
.mainbox { position: relative }
.case .swiper-container { width: 1250px; height: 470px; margin:60px auto; overflow:hidden;}		
.case .swiper-slide {
	  
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  -webkit-justify-content: center;
	  justify-content: center;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  -webkit-align-items: center;
	  align-items: center;   
 }
		
.case_b{ width:362px; height:441px; background:#fff; padding:12px;}	 
.case_b .title{ width:362px; height:30px; line-height:30px; overflow:hidden;}
.case_b .pic{ width:362px; height:204px; overflow:hidden;}
.case_b .pic img{ width:362px; height:204px;}
.case_b .pic img{ transition:all 0.5s;}
.case_b .pic img:hover{ transform:scale(1.1)}
.case_b .title{ width:342px; height:60px; line-height:60px; font-size:18px; padding:0 10px; color:#333333}
.case_b .case_text{ width:342px; height:150px; padding:0 10px; font-size:14px; line-height:25px; caption-side:#333333; overflow:hidden;}



/*我们的责任*/
.duty_box{ width:100%; height:1100px; background:url(../image/duty_bg.png) no-repeat;}
.duty_title{ width:1200px; height:70px; text-align:center; margin:0 auto; padding:40px 0;}


a{ text-decoration:none}


.main-wrap {
	width:1200px !important;
	margin:0 auto;
	position:relative;
	transition:all .3s ease;
}
.flex-row {
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
}

.item {
	flex:1;
	text-align:center;
	position:relative;
	height:400px;
	background:no-repeat center;
	background-size:100% auto;
	overflow:hidden;
}
.flex-row {
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
}

.item-title {
	font-size:20px;
	font-weight:bold;
	color:#fff;
	padding:20px 0;
	position:relative;
}
.item:before {
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background-color:rgba(0,0,0,0);
	transition:all .4s cubic-bezier(.4,0,.2,1);
}
.item:hover:before {
	background-color:rgba(185,40,34,.8);
}
.item-1 {
	background-image:url(../image/icon1_1.jpg);
}
.item-2 {
	background-image:url(../image/icon1_2.jpg);
}
.item-3 {
	background-image:url(../image/icon1_3.jpg);
}
.item-4 {
	background-image:url(../image/icon1_4.jpg);
}
.item-5 {
	background-image:url(../image/icon1_5.jpg);
}
.item-title:before {
	content:"";
	position:relative;
	display:block;
	width:20px;
	border-bottom:2px solid #fff;
	margin:0 auto 20px;
	transition:all .4s cubic-bezier(.4,0,.2,1);
}
.item:hover .item-title:before {
	opacity:0;
	margin-bottom:0;
}
.item .img-block {
	position:relative;
	margin-top:120px;
	transition:all .4s cubic-bezier(.4,0,.2,1);
}
.item:hover .img-block {
	margin-top:26px;
}
.item-p-block {
	position:relative;
	transition:all .4s cubic-bezier(.4,0,.2,1);
	opacity:0;
	margin-top:10px;
}
.item:hover .item-p-block {
	display:block;
	opacity:1;
	margin-top:0;
}


.item-p {
	color:#fff;
	font-size:16px;
	line-height:28px !important;
	margin-bottom:0px !important;
	TEXT-DECORATION:none !important;
	padding:0 10px;
	height:168px;
	overflow:hidden;
}

.card_title{ width:1200px; height:70px; padding:40px 0 20px 0; text-align:center; margin:0 auto;}

.card_box{ width:1200px; height:350px; margin:0 auto;}
.card_num{ width:100px; height:40px; line-height:40px; text-align:center; margin:0 auto;}

.card_num span{ margin:0 5px;}

.card_box .swiper-container {
	width: 100%;
	height: 330px;
	margin-top: 20px ;
	
}
.card_box .swiper-slide {
	text-align: center;
	font-size: 18px;
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.card_box  .swiper-slide dl{ width:196px; height:330px; padding:0 22px;}
.card_box  .swiper-slide dl dt{ width:196px; height:270px;}
.card_box  .swiper-slide dl dt img{ width:196px; height:270px}
.card_box  .swiper-slide dl dd{ width:196px; height:60px; line-height:25px; font-size:14px; padding-top:5px}

/*菜品展示*/
.food_box{ width:100%; height:774px; background:url(../image/food_bg.jpg); margin:0 auto;}
.food_title{ width:1200px; height:88px; margin:0 auto; text-align:center; padding:50px 0;}
.food{ width:1200px; height:500px; margin:0 auto;}
.food ul{ width:1200px; height:auto;}
.food ul li{ width:366px; height:238px; float:left; margin:17px; overflow:hidden;}
.food ul li img{width:366px; height:238px; transition:all 0.5s;}
.food ul li img:hover{ transform:scale(1.1)}



